.mw-column-style {
  display: flex;
  flex-direction: column;
}
.mw-column-style::-webkit-scrollbar {
  display: none;
}
.mw-column-center-style {
  display: flex;
  flex-direction: column;
  align-items:center;
}
.mw-row-style {
   display: flex;
   flex-direction: row;
 }
.mw-row-spacebetween-style {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.mw-main-black {
  color:#262420
}
.mw-first-text-color {
  color:#333333
}
.mw-second-text-color {
  color:#666666
}
.mw-third-text-color {
  color:#999999
}
.mw-tips-color {
  color:#333333
}

.mw-stroke-color {
  background-color:#E6E6E6
}
.mw-divider-color {
  background-color:#EBEBEB
}
.mw-background-color {
  background-color:#F5F5F5
}

.mw-main-yellow {
  color:#CCCCCC
}
.mw-main-gray {
  color:#CCCCCC
}
.mw-main-blue {
  color:#5789C2
}
.mw-main-red {
  color:#ED3D5D
}

.mw-main-background-red {
  background-color:#ED3D5D
}
.mw-main-white {
  color:#FFFFFF
}

.mw-main-background-white {
  background-color:#FFFFFF
}


.mw-horizon-divider {
  height:1px;
  background-color:#EBEBEB
}
.mw-vertical-divider {
  width:1px;
  background-color:#EBEBEB
}
.mw-active-rectangle-button {
  display: flex;
  justify-content: center;
  align-items:center;
   padding:0 0.1rem 0 0.1rem;
   height:0.34rem;
   border-radius: 0.17rem;
  /*line-height:0.34rem;*/
   background-color: #FFCF0F;
   font-size:0.14rem;
   color:#262420
 }
.mw-unactive-rectangle-button {
  display: flex;
  justify-content: center;
  align-items:center;
  padding:0 0.1rem 0 0.1rem;
  height:0.34rem;
  border-radius: 0.17rem;
  /*line-height:0.34rem;*/
  background-color: #e1e1e1;
  font-size:0.14rem;
  color:#ffffff
}
.mw-content-style {
  width:6.4rem;
  overflow: auto;
  background-color:#ff0;
  -webkit-overflow-scrolling: touch;
}
.mw-avatar-style {
  height:0.24rem;
  width:0.24rem;
  border-radius: 0.12rem;
  object-fit:cover;
}
.mw-single-line {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mw-n-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mw-unfocus-button-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  /*line-height:0.34rem;*/
  background-color: #FFCF0F;
  font-size:0.13rem;
  color:#262420
}
.mw-focus-button-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  /*line-height:0.34rem;*/
  background-color: #FFffff;
  font-size:0.13rem;
  color:#CCCCCC;
  border:1px solid rgba(235,235,235,1);
}

.mw-focuseach-button-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  /*line-height:0.34rem;*/
  background-color: #FFffff;
  font-size:0.11rem;
  color:#ED3D5D;
  border:1px solid rgba(237,61,93,1);
}

.mw-unfocus-recbutton-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 1.53rem;
  height:0.26rem;
  background-color: #FFCF0F;
  font-size:0.11rem;
  color:#262420
}
.mw-focus-recbutton-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 1.53rem;
  height:0.26rem;
  background-color: #FFffff;
  font-size:0.11rem;
  color:#999999;
  border-radius:0.02rem;
  border:1px solid rgba(235,235,235,1);
}

.mw-focuseach-recbutton-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 1.53rem;
  height:0.26rem;
  background-color: #FFffff;
  font-size:0.11rem;
  color:#999999;
  border-radius:0.02rem;
  border:1px solid rgba(235,235,235,1);
}

.mw-unfocus-button-second-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  /*line-height:0.34rem;*/
  background-color: #ED3D5D;
  font-size:0.13rem;
  color:#ffffff
}
.mw-focus-button-second-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  font-size:0.13rem;
  color:rgba(0,0,0,0.4);
  border:1px solid rgba(0,0,0,0.2);
}

.mw-focuseach-button-second-style {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 0.6rem;
  height:0.28rem;
  border-radius: 0.14rem;
  font-size:0.11rem;
  color:rgba(0,0,0,0.4);
  border:1px solid rgba(0,0,0,0.2);
}

.contentMaoboli {
  /* background-size:150% 150%; */
  /*background-color: rgba(0,0,0,0.2);*/
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -ms-filter: blur(6px);
  -o-filter: blur(6px);
  filter: blur(6px);

}

/*
toast的样式
*/

.common-toast {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11000;
  width: auto;
  padding: 0 8px;
  line-height: 34px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.common-toast-show {
  animation: commonToastShow ease 300ms;
}

.common-toast-hide {
  animation: commonToastHide ease 500ms;
}

@keyframes commonToastShow {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes commonToastHide {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

.common-request-progress {
  z-index: 10000;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  position: absolute;
  animation: rotate-forever 0.5s infinite linear;
  height: 30px;
  width: 30px;
  border: 4px solid #FFCF0F;
  border-right-color: transparent;
  border-radius: 50%;
}
.common-request-progress-show {
  display: block;
}

.common-request-progress-hide {
  display: none;
}
@keyframes rotate-forever {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes firstanimation {
  0% {
    margin-top: 0rem
  }

  100% {
    margin-top: 0.16rem
  }
}


.swiper-dot{
  height:0.08rem;
  width: 0.08rem;
  display: inline-block;
  border-radius: 004rem;
  background: #EBEBEB;
  margin:0 0.05rem;
  opacity: 0.4;
}
.swiper-dot-active{
  background: #ffffff;
  opacity: 1;
}
